import { Component } from 'react'
import { View,Image} from '@tarojs/components'
import { Swiper, SwiperItem } from '@tarojs/components'

class MySwiper extends Component{
    constructor () {
        super(...arguments)
        this.state = {
          value: ''
        }
      }
      componentWillMount () { }

      componentDidMount () { }
    
      componentWillUnmount () { }
    
      componentDidShow () { }
    
      componentDidHide () { }
      
      render(){
          return(
            <Swiper
            className='test-h'
            indicatorColor='#999'
            indicatorActiveColor='#333'
            vertical={false}
            circular={true}
            indicatorDots
            autoplay={true}>
            <SwiperItem>
              <View className='demo-text-1'><Image src={require("../../assets/images/u208.png")}/></View>
            </SwiperItem>
            <SwiperItem>
              <View className='demo-text-2'><Image src={require("../../assets/images/u210.png")}/></View>
            </SwiperItem>
            <SwiperItem>
              <View className='demo-text-3'><Image src={require("../../assets/images/u208.png")}/></View>
            </SwiperItem>
            <SwiperItem>
              <View className='demo-text-4'><Image src={require("../../assets/images/u210.png")}/></View>
            </SwiperItem>
          </Swiper>
          )
      }
}
export default MySwiper